<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:cc="http://java.sun.com/jsf/composite/components"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Speed Dial</title>
    </h:head>
    <h:body>
        <ui:composition template="templates/main-template.xhtml">
            <!--         
            <ui:define name="content">
                <h1>Üdvözöljük!</h1>
                <cc:login-comp username="#{userManager.username}" 
                               password="#{userManager.password}"
                               action="#{userManager.login}"/>
            </ui:define>  
            -->
            
            <ui:define name="content">
            <h:panelGroup class="login-div">
                <h2 class="login-h2">Bejelentkezés</h2>


                <h:form class="login-form" id="login-form" >

                    <h:outputLabel class="login-label">
                        Felhasználónév:
                    </h:outputLabel><br />
                    <h:inputText class="login-input" 
                                 value="#{UserManager.username}" /><br />
                    <h:outputLabel class="login-label">
                        Jelszó:
                    </h:outputLabel><br />
                    <h:inputSecret class="login-input" 
                                   value="#{UserManager.password}" /><br />
                    <h:commandButton class="login-submit" value="Login" 
                                     action="#{UserManager.login()}"/>

                </h:form>

            </h:panelGroup>
            </ui:define>
   
        </ui:composition>
    </h:body>
</html>

